
  $(function(){
  	var swiper = new Swiper('.pro-container', {
  	 loop: true,
  		  slidesPerView: 4,
  		  spaceBetween: 30,
  		  nextButton: '.pro-next',
  		  prevButton: '.pro-prev'
  	});
	var index = 0
	var proIndex = localStorage.getItem('proIndex')
	if(proIndex){
		index = Number(proIndex)
		$("html,body").animate({scrollTop: $(".pro-tab p").offset().top}, 1000);
		localStorage.removeItem('proIndex')
	}
	$(".pro-tab p").eq(index).css("background-color","#72af6a")
	// $(".pro-tab p").hover(function(){
	// 	$(".pro-tab p").eq(index).css("background-color","#d9d9d9")
	// 	$(this).css("background-color","#72af6a");
	// },function(){
	// 	$(this).css("background-color","#d9d9d9");
	// 	$(".pro-tab p").eq(index).css("background-color","#72af6a")
	// });
	
	$('.pro-tab p').each((item)=>{
		$('.pro-tab p').eq(item).click(function(){
			$('.pro-tab p').each((item)=>{
				$(".pro-tab p").eq(item).css("background-color","#d9d9d9")
			})
			$(this).css("background-color","#72af6a");
		})
	})
	
  })